/* Dark Theme Root Variables */
[data-bs-theme='dark'] {
    --bs-body-color: #ffffff;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-body-bg: #1a1a1a;
    --bs-body-bg-rgb: 26, 26, 26;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(255, 255, 255, 0.75);
    --bs-secondary-color-rgb: 255, 255, 255;
    --bs-secondary-bg: #2d2d2d;
    --bs-secondary-bg-rgb: 45, 45, 45;
    --bs-tertiary-color: rgba(255, 255, 255, 0.5);
    --bs-tertiary-color-rgb: 255, 255, 255;
    --bs-tertiary-bg: #363636;
    --bs-tertiary-bg-rgb: 54, 54, 54;
}

    /* Background Colors */
    [data-bs-theme='dark'] .bg-white {
        background-color: #6359E9 !important;
        color: white;
    }

    [data-bs-theme='dark'] .bg-light {
        background-color: #2d2d2d !important;
        color: white;
    }

    [data-bs-theme='dark'] .bg-body {
        background-color: #1a1a1a !important;
        color: white;
    }

    [data-bs-theme='dark'] .bg-secondary {
        background-color: #6359E9 !important;
        color: white;
    }

    /* Text Colors */
    [data-bs-theme='dark'] .text-dark {
        color: #ffffff !important;
    }

    [data-bs-theme='dark'] .text-body {
        color: #ffffff !important;
    }

    [data-bs-theme='dark'] .text-muted {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    /* Buttons */
    [data-bs-theme='dark'] .btn-light {
        background-color: #6359E9;
        border-color: #6359E9;
        color: white;
    }

        [data-bs-theme='dark'] .btn-light:hover {
            background-color: #5247e6;
            border-color: #5247e6;
            color: white;
        }

    [data-bs-theme='dark'] .btn-outline-dark {
        border-color: #6359E9;
        color: #6359E9;
    }

        [data-bs-theme='dark'] .btn-outline-dark:hover {
            background-color: #6359E9;
            color: white;
        }

    /* Cards */
    [data-bs-theme='dark'] .card {
        background-color: #2d2d2d;
        border-color: #363636;
    }

    [data-bs-theme='dark'] .card-header {
        background-color: #363636;
        border-bottom-color: #404040;
    }

    [data-bs-theme='dark'] .card-body {
        background-color: #2d2d2d;
        color: white;
    }

    /* Forms */
    [data-bs-theme='dark'] .form-control {
        background-color: #2d2d2d;
        border-color: #404040;
        color: white;
    }

        [data-bs-theme='dark'] .form-control:focus {
            background-color: #363636;
            border-color: #6359E9;
            color: white;
        }

    [data-bs-theme='dark'] .form-label {
        color: white;
    }

    [data-bs-theme='dark'] .form-text {
        color: rgba(255, 255, 255, 0.6);
    }

    /* Tables */
    [data-bs-theme='dark'] .table {
        --bs-table-color: white;
        --bs-table-border-color: #404040;
    }

    [data-bs-theme='dark'] .table-light {
        --bs-table-bg: #363636;
        --bs-table-color: white;
    }

    [data-bs-theme='dark'] .table-dark {
        --bs-table-bg: #6359E9;
        --bs-table-color: white;
    }

    /* Navbar */
    [data-bs-theme='dark'] .navbar-light {
        background-color: #2d2d2d !important;
    }

        [data-bs-theme='dark'] .navbar-light .navbar-brand,
        [data-bs-theme='dark'] .navbar-light .navbar-nav .nav-link {
            color: white;
        }

    [data-bs-theme='dark'] .navbar-dark {
        background-color: #6359E9 !important;
    }

    /* Alerts */
    [data-bs-theme='dark'] .alert-light {
        background-color: #363636;
        border-color: #404040;
        color: white;
    }

    [data-bs-theme='dark'] .alert-dark {
        background-color: #6359E9;
        border-color: #5247e6;
        color: white;
    }

    /* Badges */
    [data-bs-theme='dark'] .badge-light {
        background-color: #6359E9;
        color: white;
    }

    [data-bs-theme='dark'] .badge-dark {
        background-color: #6359E9;
        color: white;
    }

    /* Borders */
    [data-bs-theme='dark'] .border {
        border-color: #404040 !important;
    }

    [data-bs-theme='dark'] .border-light {
        border-color: #404040 !important;
    }

    [data-bs-theme='dark'] .border-dark {
        border-color: #6359E9 !important;
    }

    /* Dropdowns */
    [data-bs-theme='dark'] .dropdown-menu {
        background-color: #2d2d2d;
        border-color: #404040;
    }

    [data-bs-theme='dark'] .dropdown-item {
        color: white;
    }

        [data-bs-theme='dark'] .dropdown-item:hover {
            background-color: #6359E9;
            color: white;
        }

    /* Modals */
    [data-bs-theme='dark'] .modal-content {
        background-color: #2d2d2d;
        border-color: #404040;
    }

    [data-bs-theme='dark'] .modal-header {
        border-bottom-color: #404040;
    }

    [data-bs-theme='dark'] .modal-footer {
        border-top-color: #404040;
    }

    /* List Groups */
    [data-bs-theme='dark'] .list-group-item {
        background-color: #2d2d2d;
        border-color: #404040;
        color: white;
    }

    [data-bs-theme='dark'] .list-group-item-light {
        background-color: #363636;
        color: white;
    }

    /* Progress Bars */
    [data-bs-theme='dark'] .progress {
        background-color: #363636;
    }

    /* Breadcrumb */
    [data-bs-theme='dark'] .breadcrumb {
        background-color: #363636;
    }

    [data-bs-theme='dark'] .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6);
    }

    /* Pagination */
    [data-bs-theme='dark'] .page-link {
        background-color: #2d2d2d;
        border-color: #404040;
        color: white;
    }

        [data-bs-theme='dark'] .page-link:hover {
            background-color: #6359E9;
            border-color: #6359E9;
            color: white;
        }

    [data-bs-theme='dark'] .page-item.active .page-link {
        background-color: #6359E9;
        border-color: #6359E9;
    }

    /* Custom Shadows */
    [data-bs-theme='dark'] .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
    }

    [data-bs-theme='dark'] .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3) !important;
    }